<template>
  <div>
    <div class="list-group">
      <div class="course-evaluate">
        <div class="left">
          <label>全部评价</label>
          <span>
                4.9
                <span>星</span>
            </span>
        </div>
        <div class="right">
            <span class="evaluate">
                <label style="width: 52px"></label>
                <div class="rate-group">
                    <div class="course-progress" style="width: 100%">
                        <div class="course-progress-bar" style="width: 60%"></div>
                    </div>
                </div>
            </span>
          <span class="evaluate">
                <label style="width: 41px"></label>
                <div class="rate-group">
                    <div class="course-progress" style="width: 100%">
                        <div class="course-progress-bar" style="width: 60%"></div>
                    </div>
                </div>
            </span>
          <span class="evaluate">
                <label style="width: 31px"></label>
                <div class="rate-group">
                    <div class="course-progress" style="width: 100%">
                        <div class="course-progress-bar" style="width: 60%"></div>
                    </div>
                </div>
            </span>
          <span class="evaluate">
                <label style="width: 19px"></label>
                <div class="rate-group">
                    <div class="course-progress" style="width: 100%">
                        <div class="course-progress-bar" style="width: 60%"></div>
                    </div>
                </div>
            </span>
          <span class="evaluate">
                <label style="width: 8px"></label>
                <div class="rate-group">
                    <div class="course-progress" style="width: 100%">
                        <div class="course-progress-bar" style="width: 60%"></div>
                    </div>
                </div>
            </span>
        </div>
      </div>
      <div class="list-body" style="border-bottom: 2px solid #EEEEEE;">
        <div class="list-body-title">
          <img src="img/author.png">
          <label>莫小雅</label>
          <span class="icon-label icon-blue">人事部</span>
          <span class="evaluate" style="float: right;margin-top: 13px">
                    <label></label>
                </span>
        </div>
        <div class="list-body-content">
          <div class="list-text">
            为了在高校营造一个与社会沟通的氛围，激发大学生实 践分享所在位置:首页-读书活动-真人图书馆-活动简介 活动简介发布时间
          </div>
          <div class="list-enclosure">
            <span class="icon-label icon-blue" style="margin-right: 8px;">视频</span>
            如何审视自己的内心？
          </div>
          <span class="list-bottom">
                    2020/09/25 15:00
                </span>
        </div>
      </div>
      <div class="list-body" style="border-bottom: 2px solid #EEEEEE;">
        <div class="list-body-title">
          <img src="img/author.png">
          <label>张天爱</label>
          <span class="icon-label icon-blue">财务部</span>
          <span class="evaluate" style="float: right;margin-top: 13px">
                    <label></label>
                </span>
        </div>
        <div class="list-body-content">
          <div class="list-text">
            为了在高校营造一个与社会沟通的氛围，激发大学生实 践分享所在位置:首页-读书活动-真人图书馆-活动简介 活动简介发布时间
          </div>
          <div class="list-enclosure">
            <span class="icon-label icon-blue" style="margin-right: 8px;">视频</span>
            如何审视自己的内心？
          </div>
          <span class="list-bottom">
                    2020/09/25 15:00
                </span>
        </div>
      </div>
      <div class="list-body" style="border-bottom: 2px solid #EEEEEE;">
        <div class="list-body-title">
          <img src="img/author.png">
          <label>张天爱</label>
          <span class="icon-label icon-blue">财务部</span>
          <span class="evaluate" style="float: right;margin-top: 13px">
                    <label></label>
                </span>
        </div>
        <div class="list-body-content">
          <div class="list-text">
            为了在高校营造一个与社会沟通的氛围，激发大学生实 践分享所在位置:首页-读书活动-真人图书馆-活动简介 活动简介发布时间
          </div>
          <div class="list-enclosure">
            <span class="icon-label icon-blue" style="margin-right: 8px;">视频</span>
            如何审视自己的内心？
          </div>
          <span class="list-bottom">
                    2020/09/25 15:00
                </span>
        </div>
      </div>
    </div>
    <div class="course-bottom-operation" style="height: 80px;">
      <button class="btn btn-blue" style="width: 100%;height: 46px;line-height: 46px;">写评价</button>
    </div>
  </div>
</template>

<script>
    export default {
        name: "CourseEvaluate"
    }
</script>

<style lang="scss" scoped>
  @import "./css/style.scss";
</style>
